Adwaita: color treeview tree/grid lines

Tree lines are visible now, unfortunatelly grid lines do not react
to selected state so they are way too bright.

diff --git a/gtk/resources/theme/Adwaita/_common.scss b/gtk/resources/theme/Adwaita/_common.scss
index b7963a5b402c2784577d630770a719866d6efb15..34b69a53ae05c7ba8b9ed02b97c8b499fc00293e 100644 (file)
--- a/gtk/resources/theme/Adwaita/_common.scss
+++ b/gtk/resources/theme/Adwaita/_common.scss
@@ -1247,17 +1247,23 @@ GtkComboBox {
 /**************
  * Tree Views *
  **************/
-GtkTreeView.view { // treeview grid lines and expanders, unfortunatelly
-                   // the tree lines color can't be set
+GtkTreeView.view {
   -GtkTreeView-grid-line-width: 1;
   -GtkTreeView-grid-line-pattern: '';
   -GtkTreeView-tree-line-width: 1;
   -GtkTreeView-tree-line-pattern: '';
   -GtkTreeView-expander-size: 16;
-  border-color: $bg_color; // this is actually the line color
-  // :selected is ignored hence no style for it
+
+  border-left-color: mix($fg_color, $base_color, 0.5); // this is actually the tree lines color,
+  border-top-color: $bg_color;                         // while this is the grid lines color, better then nothing
+
+  &:selected, &:backdrop:selected {
+    border-left-color: mix($selected_fg_color, $selected_bg_color, 0.5);
+    border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly
+  }
   &:backdrop {
-    border-color: $backdrop_bg_color;
+    border-left-color: mix($backdrop_fg_color, $backdrop_bg_color, 0.5);
+    border-top: $backdrop_bg_color;
   }
   &.expander {
     -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');

diff --git a/gtk/resources/theme/Adwaita/gtk-contained-dark.css b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
index 07e44d7b7bffa4c82b84f2ac06a2fbf35e5dcaa3..707f8a03213169562b050183cd27dec24f08b107 100644 (file)
--- a/gtk/resources/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
@@ -1892,9 +1892,14 @@ GtkTreeView.view {
   -GtkTreeView-tree-line-width: 1;
   -GtkTreeView-tree-line-pattern: '';
   -GtkTreeView-expander-size: 16;
-  border-color: #393f3f; }
+  border-left-color: rgba(238, 238, 236, 0.5);
+  border-top-color: #393f3f; }
+  GtkTreeView.view:selected, GtkTreeView.view:backdrop:selected {
+    border-left-color: rgba(255, 255, 255, 0.5);
+    border-top-color: rgba(238, 238, 236, 0.1); }
   GtkTreeView.view:backdrop {
-    border-color: #393f3f; }
+    border-left-color: rgba(201, 203, 201, 0.5);
+    border-top: #393f3f; }
   GtkTreeView.view.expander {
     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
     color: #b2b2b1; }

diff --git a/gtk/resources/theme/Adwaita/gtk-contained.css b/gtk/resources/theme/Adwaita/gtk-contained.css
index eed31a9daa8410080f4fd764ea42768ab79a9033..1d73d9076dcf907930faab95614ef478c45b85d9 100644 (file)
--- a/gtk/resources/theme/Adwaita/gtk-contained.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained.css
@@ -1884,9 +1884,14 @@ GtkTreeView.view {
   -GtkTreeView-tree-line-width: 1;
   -GtkTreeView-tree-line-pattern: '';
   -GtkTreeView-expander-size: 16;
-  border-color: #ededed; }
+  border-left-color: rgba(46, 52, 54, 0.5);
+  border-top-color: #ededed; }
+  GtkTreeView.view:selected, GtkTreeView.view:backdrop:selected {
+    border-left-color: rgba(255, 255, 255, 0.5);
+    border-top-color: rgba(46, 52, 54, 0.1); }
   GtkTreeView.view:backdrop {
-    border-color: #ededed; }
+    border-left-color: rgba(84, 89, 90, 0.5);
+    border-top: #ededed; }
   GtkTreeView.view.expander {
     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
     color: #6c7072; }